<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			/*需求：根据已有的json数据，编写菜单功能，
			 * 菜单中的菜品和分类都必须是json中的数据，
			 * 点击不同的菜品分类可以显示与隐藏*/
			$(function(){
			$.getJSON("js/lianxi.json",function(o){
					//console.log(o);
					for(var n=0;n<3;n++){
						$("body").append("<ul class='ul"+n+"'></ul>")
						$("ul:eq("+n+")").prepend(o[0][n]);
					}
					for(var n=0;n<3;n++){
						$("ul").append("<li class='li'></li>")
					}
					
					for(var n=0;n<3;n++){
						for (var m=0;m<3;m++) {
							$("ul:eq("+n+") :eq("+m+")").html(o[n+1][m]);
						}
					}
					$("ul").click(function(){ 
						$(this).children("li").slideToggle();
					}) 
			}); 
				
				
			})
		</script>
	</head>
	<body>
	</body>
</html>
